/*--------------------------------------------------------------------
 *JAVASCRIPT "FakeLoader.js"
 *Version:    1.1.0 - 2014
 *author:     João Pereira
 *website:    http://www.joaopereira.pt
 *Licensed MIT 
-----------------------------------------------------------------------*/
function FakerLoading(el,obj){
    var me=this;
    this.el=$(el);
    this.pos=obj.pos||'fixed';
    this.top=obj.top||'0px';
    this.left=obj.left||'0px';
    this.width=obj.width||'100%';
    this.height=obj.height||'100%';
    this.zIndex=obj.zIndex||'999';
    this.bgColor=obj.bgColor||'#2ecc71';
    this.spinner=obj.spinner||'spinner1';
    this.fakeScale=obj.childrenScale||1;
    this.showOut=function(){
        this.el.hide();
    };
    this.showIn=function(){
        this.el.show();
    }
    var spinner01 = '<div class="fakeSlide spinner1"><div class="double-bounce1"></div><div class="double-bounce2"></div></div>';
    var spinner02 = '<div class="fakeSlide spinner2"><div class="spinner-container container1"><div class="circle1"></div><div class="circle2"></div><div class="circle3"></div><div class="circle4"></div></div><div class="spinner-container container2"><div class="circle1"></div><div class="circle2"></div><div class="circle3"></div><div class="circle4"></div></div><div class="spinner-container container3"><div class="circle1"></div><div class="circle2"></div><div class="circle3"></div><div class="circle4"></div></div></div>';
    var spinner03 = '<div class="fakeSlide spinner3"><div class="dot1"></div><div class="dot2"></div></div>';
    var spinner04 = '<div class="fakeSlide spinner4"></div>';
    var spinner05 = '<div class="fakeSlide spinner5"><div class="cube1"></div><div class="cube2"></div></div>';
    var spinner06 = '<div class="fakeSlide spinner6"><div class="rect1"></div><div class="rect2"></div><div class="rect3"></div><div class="rect4"></div><div class="rect5"></div></div>';
    var spinner07 = '<div class="fakeSlide spinner7"><div class="circ1"></div><div class="circ2"></div><div class="circ3"></div><div class="circ4"></div></div>';
    var initStyles = {
        'position':this.pos,
        'width':this.width,
        'height':this.height,
        'top':this.top,
        'left':this.left,
        'backgroundColor':this.bgColor,
        'zIndex':this.zIndex,
        'display':'none'
    };
    this.el.css(initStyles);

    var a = this.spinner;
    //console.log(a)
    switch (a) {
        case 'spinner1':
            this.el.html(spinner01);
            centerLoader();
            break;
        case 'spinner2':
            this.el.html(spinner02);
            centerLoader();
            break;
        case 'spinner3':
            this.el.html(spinner03);
            centerLoader();
            break;
        case 'spinner4':
            this.el.html(spinner04);
            centerLoader();
            break;
        case 'spinner5':
            this.el.html(spinner05);
            centerLoader();
            break;
        case 'spinner6':
            this.el.html(spinner06);
            centerLoader();
            break;
        case 'spinner7':
            this.el.html(spinner07);
            centerLoader();
            break;
        default:
            this.el.html(spinner01);
            centerLoader();
    }
    function centerLoader() {

        var winW = $(window).width();
        var winH = $(window).height();

        var spinnerW = $('.fakeSlide').outerWidth();
        var spinnerH = $('.fakeSlide').outerHeight();

        $('.fakeSlide').css({
            'position':'absolute',
            'left':(winW/2)-(spinnerW/2),
            'top':(winH/2)-(spinnerH/2),
            'transform':'scale('+me.fakeScale+')'
        });

    }
}
// (function ($) {
//
//     $.fn.fakeLoader = function(options) {
//
//         //Defaults
//         var settings = $.extend({
//             timeToHide:1200, // Default Time to hide fakeLoader
//             pos:'fixed',// Default Position
//             top:'0px',  // Default Top value
//             left:'0px', // Default Left value
//             width:'100%', // Default width
//             height:'100%', // Default Height
//             zIndex: '999',  // Default zIndex
//             bgColor: '#2ecc71', // Default background color
//             spinner:'spinner7', // Default Spinner
//             imagePath:'' ,// Default Path custom image
//         }, options);
//
//         //Customized Spinners
//         var spinner01 = '<div class="fl spinner1"><div class="double-bounce1"></div><div class="double-bounce2"></div></div>';
//         var spinner02 = '<div class="fl spinner2"><div class="spinner-container container1"><div class="circle1"></div><div class="circle2"></div><div class="circle3"></div><div class="circle4"></div></div><div class="spinner-container container2"><div class="circle1"></div><div class="circle2"></div><div class="circle3"></div><div class="circle4"></div></div><div class="spinner-container container3"><div class="circle1"></div><div class="circle2"></div><div class="circle3"></div><div class="circle4"></div></div></div>';
//         var spinner03 = '<div class="fl spinner3"><div class="dot1"></div><div class="dot2"></div></div>';
//         var spinner04 = '<div class="fl spinner4"></div>';
//         var spinner05 = '<div class="fl spinner5"><div class="cube1"></div><div class="cube2"></div></div>';
//         var spinner06 = '<div class="fl spinner6"><div class="rect1"></div><div class="rect2"></div><div class="rect3"></div><div class="rect4"></div><div class="rect5"></div></div>';
//         var spinner07 = '<div class="fl spinner7"><div class="circ1"></div><div class="circ2"></div><div class="circ3"></div><div class="circ4"></div></div>';
//
//         //The target
//         var el = $(this);
//
//         //Init styles
//         var initStyles = {
//             'position':settings.pos,
//             'width':settings.width,
//             'height':settings.height,
//             'top':settings.top,
//             'left':settings.left,
//             'zIndex':settings.zIndex
//         };
//
//         //Apply styles
//         el.css(initStyles);
//
//         //Each
//         el.each(function() {
//             var a = settings.spinner;
//             //console.log(a)
//                 switch (a) {
//                     case 'spinner1':
//                             el.html(spinner01);
//                         break;
//                     case 'spinner2':
//                             el.html(spinner02);
//                         break;
//                     case 'spinner3':
//                             el.html(spinner03);
//                         break;
//                     case 'spinner4':
//                             el.html(spinner04);
//                         break;
//                     case 'spinner5':
//                             el.html(spinner05);
//                         break;
//                     case 'spinner6':
//                             el.html(spinner06);
//                         break;
//                     case 'spinner7':
//                             el.html(spinner07);
//                         break;
//                     default:
//                         el.html(spinner01);
//                     }
//
//                 //Add customized loader image
//
//                 if (settings.imagePath !='') {
//                     el.html('<div class="fl"><img src="'+settings.imagePath+'"></div>');
//                     centerLoader();
//                 }
//         });
//
//         //Time to hide fakeLoader
//         setTimeout(function(){
//             $(el).fadeOut();
//         }, settings.timeToHide);
//
//         //Return Styles
//         return this.css({
//             'backgroundColor':settings.bgColor,
//             'zIndex':settings.zIndex
//         });
//
//
//     }; // End Fake Loader
//
//
//         //Center Spinner
//         function centerLoader() {
//
//             var winW = $(window).width();
//             var winH = $(window).height();
//
//             var spinnerW = $('.fl').outerWidth();
//             var spinnerH = $('.fl').outerHeight();
//
//             $('.fl').css({
//                 'position':'absolute',
//                 'left':(winW/2)-(spinnerW/2),
//                 'top':(winH/2)-(spinnerH/2)
//             });
//
//         }
//
//         $(window).load(function(){
//                 centerLoader();
//               $(window).resize(function(){
//                 centerLoader();
//               });
//         });
//
//
// }(jQuery));




